.inp{
    width: 100%;
    height: 7.6rem;
    background-color: #6B7D8E;
    display: flex;
}
.ordBox{
    width:40rem;
    padding-left: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: black;
}
.ordItem{
    width:40rem;
    padding-top: 15px;
    
}
.searchBar{
    --background:#8997A5 ;
    --placeholder-color:#E3E8EA;
    width: 40rem;
 
}
.ordItemTop{
    color: white;
    width:40rem;
    height: 5rem;
    background-color: #608BBE;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.ordItemLeft {
    width:40rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: space-around;
    padding-top: 1.2rem;
  
}
.ordItemLeftTitle{
    color:#B7B6B7
}
.ordItemLeftTitles{
    font-size: 2.3rem;
    padding-left: 1em;
}
.spans{
    color:#B7B6B7;
    font-size: 1.3rem;

}
.ordItemLefts{
    width:40rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
}
.ordItemLefts div{

    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ordItemBottom{
    width: 40rem;
    height: 5rem;
    display: flex;
    margin-top: 1rem;
    align-items: center;
    margin-top: 1rem;
    justify-content: flex-end;
    background-color:#F2F2F2 ;
}
.price{
    color: red;
}
.BottonLeft{
    width: 21rem;
    height: 5rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.modalBtn{
    display: flex;
    padding-top: 1.2rem;
}
.buttons{
    width: 100%;
}
.ordBoxs1{
font-size: 1.6rem;
color: black;
}
.ordBoxs p{
    padding-top: 1.2rem;
}
.ordBoxs1s{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ordBoxs2{
    font-size: 1.6rem;
color: #396698;
}
.inp{
    width: 100%;
    height: 7.6rem;
    background-color: #6B7D8E;
    display: flex;
    align-items: center;
    justify-content: center;
  
}
.inp h2{
    color: white;
    margin-right: 1.6rem;
}
.boxDet1{
    width: 40rem;
    line-height: 2.8rem;
    margin: 0 auto;
    padding-top: 1.4rem;
}
button{
    width: 20rem;
}
.detXq{
    width: 40rem;
    line-height: 2rem;
    margin: 0 auto;
    margin-top: 1rem;
}
.detXqitem{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4rem;
    margin-top: 1rem;
}
.detButton{
    width: 40rem;
    line-height: 2.8rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    padding-top: 1.2rem;
}
.detButton button{
    width: 20rem;
    margin-top: 1.2rem;
    
}
.ordItemLeftsr{
    width: 40rem;
    line-height: 2.8rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ordItemLeftsrq{
    width: 40rem;
    line-height: 2.8rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}
.h{
    height: 1.5rem;
    background-color: #F2F2F2;
    margin-top: 2rem;
}
.inp1{
    position: relative;
    left:-14rem
}
.List_items{
    display: flex;
    width: 40rem;
    align-items: center;
    justify-content: space-between;
}
.records{
    margin-top: 1.5rem;
    background-color: white;

}
.customer{
    width: 100%;
    height: 6.2rem;
    background-color: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.customer h2{
    color: white;
    margin-right: 1.6rem;
    margin-top: 1.6rem;
    
}
.searchBars{
    --background:white ;
    --placeholder-color:#E3E8EA;
    width: 40rem;
}
.customerList{
    width: 40rem;
    margin: 0 auto;
}
.customerList1{
    display: flex;
    align-items: center;
}
.userImg{
    width:6.5rem;
    height:6.5rem;
    text-align: center;
    line-height: 6.5rem;
    border-radius: 50%;
    background-color:#57A9E9 ;
    margin-right: 1.6rem;
    color: white;
}
.pro{
    display: flex;
    width: 40rem;
    margin: 0 auto;
    align-items: center;
    margin-top: 1rem;
}
.pro1{
    width: 41rem;
    margin: 0 auto;
    margin-left: 1.6rem;
    margin-top: 1rem;
}
